<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="/common/mytaglibs.jsp"%>
<!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>">
<title>登录</title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> 
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" href="<%=basePath%>css/supersized.css">
<link href="<%=basePath%>css/login.css" rel="stylesheet">
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

</head>
<body>

<div class="container" style="background: #fff;">
	<div class="main_content" style="text-align : -webkit-center">
			<span class="zhuce_text">登陆</span>
			<ul>
				<li><input id="phone" name="phone" placeholder="请输入手机号码" class="input" type="text" /></li>
				<li><input id="password" name="password" placeholder="请输入密码" class="input" type="password" /></li>
				<li><span style="width: 50px;color: #A0A0A0;margin-right: 20px;"><a href="<%=basePath%>/lanju/findPassword.jsp">忘记密码？</a></span><span></span>
					<button id="loginBtn" style="margin-top: 30px;width: 150px;height: 40px;background: #FFFF00;box-shadow: none;border:none;border-radius:8px;">登录</button>
				</li>
			</ul>
			
			
	</div>
	
</div>

<div class="bottom_css" style="text-align : -webkit-center">
		<span>还没有账号？   &nbsp;&nbsp;&nbsp;<a href="<%=basePath%>/lanju/register.jsp">注册  &gt;</a></span>
	</div>
<script src="js/loginjs/scripts.js"></script>
<script type="text/javascript">

$("#loginBtn").on("click",function(){
	var phone= $("#phone").val(),
		password= $("#password").val();
	if( !phone ){
		bootstrap.alert("请输入手机号码");
		return ;
	}
	if( !password ){
		bootstrap.alert("请输入密码");
		return;
	}
	$.ajax({
		type : "POST",
		dataType : 'json',
		url : path + "/login/ljLogin.do",
		data : {
			"phone": phone,
			"password": password
		},
		success : function(data) {
			console.log(data)
			if( data.resultCode=="0" && data.content){
				window.location = path +'/lanju/home.jsp' ;
			}else{
				bootstrap.alert( data.msg||"账号或密码错误" );
			}
		}
	});
});



var nonce="";//生成签名的随机串
var signature="";//签名
var timestamp="";//时间戳
var title="欢迎使用蓝居";
var desc="这是蓝居管家登录入口，欢迎使用";
var sharLink="http://nvstop.cn/LanJuPublic/lanju/login.jsp";
var imgUrl="http://nvstop.cn/LanJuPublic/images/lanju.jpg";
var basePath="<%=basePath%>";
$(document).ready(function(){  
	  var url = encodeURI(location.href.split('#')[0]);
	  alert(location.href.split('#')[0]);
	  alert(url);
	  $.ajax({
	         url: basePath+"/weixinImpl/getEncryptJsapiTicket.spring?rn="+(new Date().getTime()),
	         type: "POST",
	         data:{"url":url},
	         dataType: "json",
	         success: function(data){
	        	 if(data != null){
	        		 nonce=data.nonce;
		             signature=data.signature;
		             timestamp=data.timestamp;
		             console.log(data);
		             loadWx();
	        	 }
	             
	          },
	          error:function(err){
	            console.log('异常');
	          }
	        });
});

function loadWx(){
	  wx.config({
		    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
		    appId: 'wxb3b7beee9190b2ef', // 必填，公众号的唯一标识wxd894029b9bdb4b67
		    timestamp: timestamp, // 必填，生成签名的时间戳
		    nonceStr: nonce, // 必填，生成签名的随机串
		    signature: signature,// 必填，签名
		    jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ'] // 必填，需要使用的JS接口列表
		});
	  wx.ready(function(){
		  //新版本，还没支持
//		  wx.updateAppMessageShareData({ 
//		        title: title, // 分享标题
//		        desc: desc, // 分享描述
//		        link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
//		        imgUrl: imgUrl, // 分享图标
//		}, function(res) { 
			
//		这里是回调函数 
//		}); 
		  
//		  wx.updateTimelineShareData({ 
//		        title: title, // 分享标题
//		        link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
//		        imgUrl: imgUrl, // 分享图标
//		}, function(res) { 
//			alert(res);
//		这里是回调函数 
//		}); 
		  //分享到朋友圈
		  wx.onMenuShareTimeline({
			    title: title, // 分享标题
			    link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
			    imgUrl: imgUrl, // 分享图标
			    desc: desc, // 分享描述
			    success: function () {
			    // 用户确认分享后执行的回调函数
				},
			cancel: function () {
			    // 用户取消分享后执行的回调函数
		    }
		});
		  //分享到朋友
		  wx.onMenuShareAppMessage({
			  title: title, // 分享标题
			  desc: desc, // 分享描述
			  link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
			  imgUrl: imgUrl, // 分享图标
			  type: 'link', // 分享类型,music、video或link，不填默认为link
			  dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
			  success: function () {
			  // 用户确认分享后执行的回调函数
			  },
			  cancel: function () {
			  // 用户取消分享后执行的回调函数
			  }
			  });
		  //分享到QQ
		  wx.onMenuShareQQ({
			  title: title, // 分享标题
			  desc: desc, // 分享描述
			  link: sharLink, // 分享链接
			  imgUrl: imgUrl, // 分享图标
			  success: function () {
			  // 用户确认分享后执行的回调函数
			  },
			  cancel: function () {
			  // 用户取消分享后执行的回调函数
			  }
			  });
	  });
	  
	  wx.error(function(res){
		
	  });
	  
}


</script>

</body>
</html>
